/*
 * @Description: 列表单个组件
 * @Author: buwei.huang
 * @Date: 2019-07-10 16:03:16
 * @Last Modified by: buwei.huang
 * @Last Modified time: 2019-08-15 15:04:30
 */
<template>
  <div class="or_detail_item flex-h">
    <span :style="leftColor ? 'color:' + leftColor : '' ">
      {{labelName}}
    </span>
    <div class="or_detail_item_right">{{data}}
      <slot name="slot_info"></slot>
    </div>
  </div>
</template>
<script>
export default {
  props: {
    labelName: {
      type: String,
      default: null
    },
    data: {
      type: String,
      default: null
    },
    leftColor: {
      type: String,
      default: null
    }
  }
}
</script>
<style>
.or_detail_item {
  padding: 22px 32px;
  font-size: 16px; /* no */
}
.or_detail_item > span {
  line-height: 44px;
  display: inline-block;
}
.or_detail_item > span {
  width: 204px;
  color: #666666;
}
.or_detail_item .or_detail_item_right {
  width: 418px;
  word-wrap: break-word;
  word-break: break-all;
  line-height: 44px;
}
</style>
